import React, { useState } from "react";
import {MailOutlined} from '@ant-design/icons';
import { Menu } from 'antd';
const items = [
    {
      label: 'Navigation One',
      key: 'mail',
      icon: <MailOutlined />,
    },

]
function Heard() {
    const [current, setCurrent] = useState('mail');
    const onClick = (e) => {
      console.log('click ', e);
      setCurrent(e.key);
    };


    return (
        <div>
           <Menu onClick={onClick} selectedKeys={[current]} mode="horizontal" items={items} />
        </div>
    )
}

export default Heard;